<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- <button class="btn1">打开百度</button>
  <button class="btn2">关闭窗口</button> -->

  <button>后退</button>

  <script src="./units.js"></script>
  <script>
    // BOM: browser object model 浏览器对象模型

    // BOM包含的内容主要有：
    // 1. window对象


    // 1.1 全局作用域
    // var x = 5; // 相当于window.x = 5;
    // console.log(window); // window对象里面会有一个x等于5


    // 1.2 窗口的操作
    // open()/close()
    // document.querySelector(".btn1").onclick = () => {
    //   window.open("https://www.baidu.com", "newWindow", "width=500,height=500");
    // }
    // document.querySelector(".btn2").onclick = () => {
    //   close(); // 相当于window.close()
    // }

    // console.log(window.innerWidth) // 可视区的宽度
    // console.log(window.innerHeight) // 可视区的高度
    // console.log(window.outerWidth) // 整个浏览器的总宽度
    // console.log(window.outerHeight) // 整个浏览器的总高度
    

    // 1.3 对话框
    // window.alert("123"); // 警告框
    // const confirm = window.confirm("你确定吗？"); // 确认框，返回true或者false
    // console.log(confirm);
    // const name = window.prompt("请输入姓名："); // 对话框，返回输入的内容或者点取消返回null
    // console.log(name);


    // 1.4 定时器
    // 如果像关闭定时器，那么必须给定时器加一个名字
    // const getTime = () => {
    //   const timeStr = getDate();
    //   console.log(timeStr);
    //   document.body.innerHTML = timeStr;
    // }
    // getTime();
    // let timer = setInterval(getTime, 1000); // 间隔定时器
    // setTimeout(() => {
    //   window.close();
    // }, 5000); // 延迟定时器
    
    // 关闭定时器
    // setTimeout(() => {
    //   clearInterval(timer);
    // }, 5000)
    // clearTimeout()
    
    
    







    // 2. location对象
    // 是跟url相关的内容

    // 2.1 获取信息
    // console.log(location.href); // 整个url的地址
    // 除了href，还可以拿到protocol/hostname/pathname/port/hash等信息

    // 2.2 页面跳转
    // setTimeout(() => {
      // 在当前页面加载新页面
      // window.location.assign("https://www.baidu.com");
      // location.replace("https://www.baidu.com");
      // 强制刷新页面,不推荐使用
      // location.reload();
      // location.href = "https://www.baidu.com";
    // }, 4000)
    









    // 3. navigator对象
    // 3.1 获取浏览器信息
    // console.log(window.navigator.userAgent);
    // console.log(window.navigator.language);
    // const obj = {
    //   "打开百度": {
    //     'zh-cn': "打开百度",
    //     'en-US': "open the baidu",
    //     "ja-jp": "百度を起動する",
    //   }
    // }






    // 4. history对象
    // 用于做浏览器的历史操作
    // window.history.back() // 用于做后退
    // document.querySelector("button").onclick = () => {
    //   // window.history.back(); // 后退
    //   // window.history.forward(); // 前进
    //   window.history.go(-2); // 传入一个数字，表示前进或者后退几步
    // }

  </script>
</body>
</html>